﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="th">
<meta name="viewport" content="width=1090" />
<title>Elderly Society</title>

<!-- CSS Framework -->
<link rel="stylesheet" href="<?php echo base_url();?>css/screen.css" type="text/css" media="screen, projection">

<link rel="stylesheet" href="<?php echo base_url();?>css/style.css" type="text/css" media="screen, projection">
<script src="<?php echo base_url();?>js/jquery-1.6.min.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>js/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#login-b').click(function(){
			$('#login').show().animate({
			   left   : '58%',
			  },400,function(){
			 
			   $('#login').css({'-webkit-transform' : 'rotate(-0deg)','-moz-transform' : 'rotate(-0deg)' });
			 
			});
			  ///
			$('#Login_form').show().animate({
			 
			   top   : '260px',
			 
			  },700,function(){
			 
			   //$('#image').css({'-webkit-transform' : 'rotate(-90deg)','-moz-transform' : 'rotate(-90deg)' });
			});
			
			$('div#whole').css({'background' : '#777', 'opacity':'0.3'})
			 
		});
		$('#login').click(function(){
			console.debug("submit form");
			$('#login-form').submit();
		});
		
		$('#main-section').click(function(){
			$('div#whole').css({'background' : 'white', 'opacity':'1.0'})
			$('#login').hide().css({'left' : '0px'});
			$('#Login_form').hide().css({'top' : '0px'});
		});
		
		$('div#sight-helper div a').click(function(){
			var os = $('div#content p').css('font-size');
			var num = parseFloat(os,10);
			var uom = os.slice(-2);
			
			$('div#content p').css('font-size', num / 1.4 + uom);
			  
			if(this.id == 'zoom-in') {
				$('div#content p').css('font-size', num * 1.4 + uom);
			}
		});
	});
</script>

</head>
<body>
<div id="whole">
	<!-- Header Section -->
	<header class="container">
		<?php if($error): ?>
			<div class="prepend-16 span-8 last" style="color:red; font-size:20px;"><?php echo $error; ?></div>
		<?php endif; ?>
		<div class="prepend-19 span-5 last">
			<?php if(!$this->session->userdata('logged_in')):?>
			<a id="login-b"><img src="<?php echo base_url();?>img/signin.png" /></a>
			<?php else:?>
			<a href="<?php echo base_url(); ?>index.php/home/logout"><img src="<?php echo base_url();?>img/signout.png" /></a>
			<?php endif;?>
		</div>
		<div class="span-7">
			<!-- LOGO -->
			<div id="logo">
				<a href="<?php echo base_url(); ?>"><img src="<?php echo base_url();?>img/logo.png" /></a>
			</div>
		</div>
		
		<div class="prepend-2 span-15 last">
			<!-- 3 Section (SOCIAL, HEALTH, IT TIPS) -->
			<nav id="main-nav">
				<ul>
					<li class="main-nav"><a href="<?php echo base_url(); ?>">หน้าหลัก</a></li>
					<li class="main-nav"><a href="<?php echo base_url(); ?>index.php/cal">ปฏิธิน</a></li>
					<li class="main-nav"><a href="<?php echo base_url(); ?>index.php/profile">หน้าส่วนตัว</a></li>
				</ul>
			</nav>
		</div>
		<div><img class="span-24 last" src="<?php echo base_url();?>img/blackbar.png" /></div>
		<div class="span-24 last" id="header">
			<img src="<?php echo base_url();?>img/header_1.jpg" />
		</div>
	</header>
	
	<!-- Main Section -->
	<div id="main-section" class="container">
		<div  class="span-24" id="name_logo">
			<img src="<?php echo base_url();?>img/name.png" />
		</div>
		<!-- Content -->
		<div  class="span-24 last" id="content">
			<p>In the past few years, there is obviously an increase of elderly population in many countries.  Concurrently with this increase, there is also an increasing number of elderly with Alzheimer's disease.  
			Alzheimer's disease is concerned with memory loss.  The elderly who is unable to take care of themselves mostly suffer with this disease which affects their daily life.  
			For example, an old person living alone could not remember when to take their medicine, or an old person living with their children who are too busy to remember.  
			Thus, it is necessary to implement a computer application that can help notify both the elderly and their caregivers in this matter.  
			Also in the same time, using new technology is one of the practical and cost-effective ways to enhance the proper care of the elderly having Alzheimer's disease.</p>
			<p>This project's primary objective is to build a web application with Android notification interface that can efficiently improve the care of the elderly with 
			Alzheimer's disease in the following areas: medication taking, managing doctor appointments, and managing other important life events through a smart calendar system.  
			The project's secondary objective is to help Thai society deal with "aging society related problems" with the computer application approach.</p>
			
			
		
		</div>
		<div><img class="span-24 last" src="<?php echo base_url();?>img/blackbar.png" /></div>
		<!-- SignUp LogIn -->
		<div class="span-24 last">
			<div id="sl-button" class="span-10 last"><a id="signup-b" href="<?php echo base_url(); ?>index.php/home/signUp"><img src="<?php echo base_url();?>img/signup.png" /></a></div>
		</div>
	</div>
	
	<!-- Helper -->
	<div id="sight-helper">
		<div id="zoom-in"><a id="zoom-in"><img src="<?php echo base_url(); ?>img/zoom-in.png" /></a></div>
		<div id="zoom-out"><a id="zoom-out"><img src="<?php echo base_url(); ?>img/zoom-out.png" /></a></div>
	</div>
</div>

<!-- -->
<img id="login" src="<?php echo base_url();?>img/result.png" alt="" />
<img id="submit" src="<?php echo base_url();?>img/submit.png" alt="" />
<div id="Login_form" class="loginform">
	<form id="login-form" action="<?php echo base_url();?>index.php/home/login" method="post">
		<div>
			<div class="form-item">
				<label for="edit-name">E-mail:</label>
				<input id="edit-name" class="form-text required" maxlength="60" name="email" size="15" type="text" />
			</div>
			<div class="form-item">
				<label for="edit-pass">Password:</label>
				<input id="edit-pass" class="form-text required" maxlength="60" name="pass" size="15" type="password" />
			</div>
		</div>
		<input type="hidden" name="action" value="do_login"/>
	</form>
</div>
</body>
</html>
